<template>
  <div>
    <ul class="mui-table-view">
      <li class="mui-table-view-cell mui-media">
        <router-link  to="/news/newsInfo">
          <img class="mui-media-object mui-pull-left" src="../../images/shuijiao.jpg" />
          <!--修改mui-pull-right类图右文左-->
          <div class="mui-media-body">
            幸福
            <p class="mui-ellipsis">
              <span>发表时间：2019-10-13</span>
              <span>点击了n次</span>
            </p>
          </div>
        </router-link>
      </li>
      <li class="mui-table-view-cell mui-media">
        <router-link to="/news/newsInfo">
          <img class="mui-media-object mui-pull-left" src="../../images/muwu.jpg" />
          <div class="mui-media-body">
            木屋
            <p class="mui-ellipsis">
              <span>发表时间：2019-10-13</span>
              <span>点击了n次</span>
            </p>
          </div>
        </router-link >
      </li>
      <li class="mui-table-view-cell mui-media">
        <router-link to="/news/newsInfo">
          <img class="mui-media-object mui-pull-left" src="../../images/cbd.jpg" />
          <div class="mui-media-body">
            CBD
            <p class="mui-ellipsis">
              <span>发表时间：2019-10-13</span>
              <span>点击了n次</span>
            </p>
          </div>
        </router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
  components: {}
};
</script>

<style lang="scss" scoped>
.mui-table-view {

    .mui-ellipsis {
        display: flex;
        justify-content: space-between;
      color: red;
    }
  
}
</style>
